<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>newsCenter</title>
    <link rel="stylesheet" href="static/css/common.css">
    <link rel="stylesheet" href="static/css/achievement.css">
    <!--[if gte IE 9]>
    <script src='assets/libs/jquery.js'  type="text/javascript"></script>
    <script src="assets/libs/flexie.js" type="text/javascript"></script>
    <![endif]-->
</head>
<body>
    <section>
        <div class="achievement_left">
            <div class="achievement_choose">
                <span>消息中心</span>
                <img class="active" src="static/img/ic_leftToNext.png" alt="">
            </div>
            <ul class="achievement_choose_hidden active">
                <li>收到的评论</li>
                <li>点赞/收藏</li>
                <li>系统通知</li>
                <li>私信消息</li>
            </ul>
        </div>
        <ul class="newsCenter_right">
            <!--评论了你-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_event">评论了你的作品 <a href="#" class="newsCenter_main_things">一条狗的故事</a></span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">画的超级棒啊 ，但是我感觉二郎神的那条狗在整体画面中有一点点不太好，颜色淡一点会好。纯属个人愚见 嘿嘿</span>
                        <a class='newsCenter_returnBoxBtn'>回复</a>
                    </p>
                    <div class="hiddenReturnBox">
                        <div class="hidden_returnBox">
                            <span class="hidden_returnBox_title">回复我是个名字：</span>
                            <div class="hidden_returnBox_inputBox">
                                <input class="hidden_returnBox_input" type="text">
                            </div>
                        </div>
                        <div class="hidden_returnBtn">发言</div>
                    </div>
                </div>
            </li>
            <!--回复了你-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_event">评论了你的作品 <a href="#" class="newsCenter_main_things">一条狗的故事</a></span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">画的超级棒啊 ，但是我感觉二郎神的那条狗在整体画面中有一点点不太好，颜色淡一点会好。纯属个人愚见 嘿嘿</span>
                        <a class='newsCenter_returnBoxBtn'>回复</a>
                    </p>
                    <div class="returnBox">
                        <p class="newsCenter_main_name">我又是个名字</p>
                        <p class="newsCenter_main_section">画的超级棒啊 ，但是我感觉二郎神的那条狗在整体画面中有一点点不太好，颜色淡一点会好。纯属个人愚见 嘿嘿</p>
                    </div>
                    <div class="hiddenReturnBox">
                        <div class="hidden_returnBox">
                            <span class="hidden_returnBox_title">回复我是个名字：</span>
                            <div class="hidden_returnBox_inputBox">
                                <input class="hidden_returnBox_input" type="text">
                            </div>
                        </div>
                        <div class="hidden_returnBtn">发言</div>
                    </div>
                </div>
            </li>
            <!--关注了你-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_event">赞了你的作品 <a href="#" class="newsCenter_main_things">一条狗的故事</a></span>
                    </p>
                </div>
            </li>
            <!--赞了你-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">关注了你</span>
                    </p>
                </div>
            </li>
            <!--打赏了你-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_event">打赏了你的作品 <a href="#" class="newsCenter_main_things">一条狗的故事</a><span class="newsCenter_main_section">50鱼币</span></span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">可前往我的钱包里查看哦</span>
                    </p>
                </div>
            </li>
            <!--投喂了你-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_event">给你投喂了糖果300鱼粮</span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">可前往我的钱包里查看哦</span>
                    </p>
                </div>
            </li>
            <!--系统公告1-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">摸了个鱼</span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <p class="newsCenter_main_section">[公告]腾讯游戏嘉年华COS大赛开启！</p>
                        <p class="newsCenter_main_section">半次元联合腾讯游戏，TGC Cosplay摘星计划特别开启！ 超13万元总奖金和丰厚周边等你赢！</p>
                        <p class="newsCenter_main_section">80个腾讯游戏相关cos都能投稿哦！ 快来参加吧！！</p>
                        <p class="newsCenter_main_section">[个人赛投稿戳] <a href=""  class="newsCenter_main_things">https://bcy.net/huodong/134</a>（征稿时间10.20-11.20）</p>
                        <p class="newsCenter_main_section">[团队赛投稿戳] <a href=" "  class="newsCenter_main_things">https://bcy.net/huodong/135</a>（征稿时间10.20-11.15）</p>
                    </p>
                </div>
            </li>
            <!--系统公告2-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">摸了个鱼</span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">
                            恭喜你获得“展露头角”的成就，可前往个人中心查看哦~~
                        </span>
                    </p>
                </div>
            </li>
            <!--私信-->
            <li>
                <img class="newsCenter_img" src="static/img/ic_food2.png" alt="">
                <div class="newsCenter_main">
                    <p>
                        <span class="newsCenter_main_name">我是个名字</span>
                        <span class="newsCenter_main_event">与我的私信 </span>
                        <span class="newsCenter_main_date">今天11：24</span>
                    </p>
                    <p class="newsCenter_mainSection">
                        <span class="newsCenter_main_section">
                            画的超级棒啊 ，但是我感觉二郎神的那条狗在整体画面中有一点点不太好，颜色淡一点会好。 嘿嘿
                        </span>
                    </p>
                </div>
            </li>
        </ul>
    </section>
    <script src="assets/libs/jquery.js"></script>
    <script>
        $(function(){
            $('.newsCenter_right>li').on('click','a.newsCenter_returnBoxBtn',function (e) {
                e.preventDefault();
                e.stopPropagation();
                $(this).parent().siblings('.hiddenReturnBox').slideToggle(300);
            })
            /*
               进页面时 接受参数 选择显示哪个模块
            */
            var href = window.location.href;
            var hrefINdex = href.indexOf('=');
            var showID = href.substring(hrefINdex+1);
            $(`.Transaction_nav>li:nth-child(${showID})`).addClass('active');
            $(`.Transaction_nav>li:nth-child(${showID})`).siblings().removeClass('active');
            /*
            * 点击显示/隐藏
            * */
//            $('.achievement_choose').click(function(e){
//                e.stopPropagation();
//                e.preventDefault();
//                $('.achievement_choose_hidden').toggleClass('active');
//                $(this).children('img').toggleClass('active');
//            })
        })
    </script>
</body>
</html>